﻿#HtmlHome
{
	overflow:hidden;
}
body
{
	text-align:center;
	margin:0px;
	border:0px;
}
#head
{
	 FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=White,endColorStr=#99cccc);
	 height:80px;
}
#head #MyLogo
{
	float:left;
	padding:40px;
	}
#headFooter
{
	font-size:2px;
	height:5px;
	background-color:#3399cc;
}

#sideBar
{
	 display:inline;
	float:left;
	width:200px;
	overflow-y:auto ;
     
}
#sideBarRight
{
	background-color:#3399cc;
	display:inline;
	width:5px;
	float:left;
	}
#contentBoard
{
	 display:inline;
	 float:left;
	 text-align:left;
	 width:500px;
	overflow:auto;
}
#contentBoard #guideBar
{
	background-color:#ccccff;  
	 height:30px;
	 width:100%;
}
#guideBar .guideItem
{
	display:inline;
	background-color:#ccccff;
	height:100%;
	 float:left;
	 border-width:1px;
 	border-color:#99ccee;
 	cursor:pointer;
}
#contentBoard #content
{
	}
#content .contentItem
{
	}


#footer
{
	background-color:#99cccc;
	height:30px;
	width:100%;
}
.chatWindow
{
	 position:absolute;
	 top:100px; 
	 left:300px;
	 width:400px;
	 height:400px;
	background-color:#99ccee;
	padding:1px; 
}
.chatWindow .chatWindow_OutPut
{
	border:0px;
	margin:0px,0px,0px,0px;
	padding:0px;
	height:300px;
	width:100%;
	display:block;
	overflow:auto;
	background-color:White;
	text-align:left;
	color:red;
}
.chatWindow .chatWindow_InPut
{
	border:0px;
	margin:0px,0px,0px,0px;
	padding:0px;
	height:100px;
	width:100%;
	overflow :auto;
	background-color:White;
	text-align:left;
}
.chatWindow .chatWindow_OutPut *
{
	margin:0px;
	}
	.chatWindow .chatWindow_OutPut .myNameAndTime
{
	color:Green;
	}
	.chatWindow .chatWindow_OutPut .friendNameAndTime
{
	color:Blue;
	}
.chatWindow .chatWindow_InPut *
{
	margin:0px;
	}
.chatWindow .chatWindow_Head
{
	float:left;
}
.chatWindow .chatWindow_Head .chatWindow_Head_friend
{
	 display:inline;
	 float:left;
	 cursor:pointer;
	}
.chatWindow .chatWindow_FunctionBar .chatWindow_Send
{
	float:right;
	}
	.chatWindow .chatWindow_FunctionBar .FontSettingBT
{
	float:left;
	}
	.chatWindow .chatWindow_FunctionBar .FontSettingDiv
{
	display:inline;
	float:left;
	position:relative;
	}
	.chatWindow .chatWindow_FunctionBar .Font
{
	width:70px;
	}
.chatWindow .chatWindow_FunctionBar .FontColor
{
	width:50px;
	}
.chatWindow .chatWindow_FunctionBar .FontSize
{
	width:25px;}
.chatWindow 	.chatWindow_Resize
{
	float:right;
 cursor:nw-resize;
 }
	
#myFriendsList 
{
}
 .friendItem
 {
 	cursor:pointer;
 	border-style:solid;
 	border-width:1px;
 	border-color:#99ccee;
 	text-align:left;
 	}
 .friendItem .friendName
{
	background-color:Transparent;
	border:none;
	cursor:pointer;
}
#login
{
	float:right;
	}

.chatWinMini
{
	cursor:pointer;
	float:right;
 }
.chatWinClose
{
	cursor:pointer;
	float:right;
 }
.chatWinMax
{
	cursor:pointer;
	float:right;
 }
.miniChatWindow
{
	border-width:1px;
 	border-color:#99ccee;
	cursor:pointer;
	float:left;
}